<script setup lang="ts">
// 行为
  console.log('组件被加载了')
  
  const msg:string = '你好啊'
  interface Person{
    name:string
    age:number
  }
  const person:Person = {
    name:'张三',
    age:18
  }

</script>

<template>
  <!-- template 相当于鸿蒙组件的build() 函数，用于构建界面 -->
  <h1 class="title">Hello World</h1>
  <p>{{ msg }}</p>
  <p>{{ person.name }}</p>
  <h3>{{ person.age >=18? '已成年':'你还小'}}</h3>
  <p>{{ msg.charAt(0) }}</p>
</template>
<style scoped>
/* scoped  只对当前组件生效*/ 
  .title{
    color:red
  }
</style>